<!-- 我的主页 -->
<template>
	<view>
		<PageWarpper page-name="关于我们">
			<template v-slot:main>
				<view class="program-name intel-one-mono-medium">
				  BAC
				  <text class="siyuan-medium">小程序</text>
				  <br />
				  V{{ version }}
				</view>
				<!-- 列表 -->
				<Menus :list="list" :gap-number="5" />
			</template>
		</PageWarpper>
		<FooterBar :tab-index="2"/>
	</view>
  
</template>

<script setup>
import PageWarpper from "@/components/Layer/PageWarpper.vue";
import FooterBar from "@/components/FooterBar/index.vue";
import Menus from "@/components/List/Menus.vue";
import { onMounted, ref } from "vue";

import { useStore } from "vuex";
const store = useStore();

let height = ref(store.state.headerHeight);
let version = ref("1.1.1");

let list = ref([
  {
    name: "服务条款",
    es_name: "Term of Service",
    path: "/pages/personal/agreement",
  },
  {
    name: "隐私政策",
    es_name: "Privacy Policy",
    path: "",
  },
]);
onMounted(() => {
  version.value = wx.getAccountInfoSync().miniProgram.version || "1.1.1";
});
</script>

<style lang="scss" scoped>
.program-name {
  margin-top: 34rpx;
  font-size: 24rpx;
  text-align: center;
  line-height: 30rpx;
}
.menus {
  margin-top: 152rpx;
  background-color: #ffffff;
  &_cell {
    height: 66.5rpx;
    align-items: center;
    justify-content: center;
    font-size: 26rpx;
    text {
      flex: 1;
    }
    text:first-child {
      padding-right: 26rpx;
      text-align: right;
    }
    text:first-child + text {
      flex: 1.5;
      padding-left: 26rpx;
      text-align: left;
    }
  }
}
</style>
